<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s" %>

<!DOCTYPE html>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>login 페이지</title>

<script type="text/javascript">
function loginForm() {
	if(document.loginform.id.value=="") {
        alert('아이디를 입력하세요');
        document.loginform.id.focus();
        return false;
    }

    else if(document.loginform.passwd.value=="") {
        alert('비밀번호를 입력하세요');
        document.loginform.passwd.focus();
        return false;
    }

	return true;
}

window.onload = function(){
	document.loginform.id.focus();
};

function next(){
	
	if(event.keyCode ==9){
		event.returnValue = false;
		document.loginform.passwd.focus();
	}
}

</script>
</head>
<body>
	<form name="loginform" action="loginAction.action" method="post" onsubmit="return loginForm()">
		<div style="background:url('/pensionjoa/image/login.png') no-repeat;width:975px;height:644px;margin:auto;">
			<div style="width:250px;padding-top:316px;height:200px;margin-left:326px">
				<table>
					<tr>
						<td style="padding-left:11px">
						<input type="text" name="id" onkeydown="next()" style="ime-mode:disabled;width:96px;height:17px;border:0;background-color:#69a8cb">
						</td>
						<td rowspan="2">
						<input type="submit" value="" style="width:54px;height:43px;border:0;background:url('/pensionjoa/image/loginb.png') no-repeat;cursor:pointer;"></td>
					</tr>
					
					<tr>
						<td style="padding:5px 0 0 11px;">
						<input type="password" name="passwd" style="ime-mode:disabled;width:95px;height:16px;border:0;background-color:#69a8cb"></td>
						
					</tr>
					
					<tr>
						<td colspan="2" style="padding-top:60px">
							<img src="/pensionjoa/image/join.png" style="cursor:pointer;" onclick="location.href='Join.go'">
							<img src="/pensionjoa/image/find.png" style="cursor:pointer;" onclick="location.href='Findform.action'"></td>
					</tr>
				
				</table>
			</div>
		</div>
	</form>
</body>
</html>